<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<div id="app">
			<h2>Kky邮箱系统</h2>
			<div id="d1">
				<button type="button" class="red">写信</button>
				<button type="button">草稿箱</button>
				<button type="button">通讯录</button>
			</div>
			<div id="d2">
				<div id="d2_1">
					<h2>写信</h2>
					<label>
						收信人:<input type="text" name="" id="getE" value="" />
					</label><br>
					<label>
						&emsp;主题:<input type="text" name="" id="banner" value="" />
					</label><br>
					<label>
						<span>&emsp;&ensp;内容:</span>
						<textarea rows="" cols="">
							
						</textarea>
					</label><br>
					<button type="button">保存到草稿箱</button>
					<br>
					<h1>收件人不能为空</h1>
				</div>
				<div id="d2_2">
					<h2>草稿箱</h2>
					<h3>草稿箱空空如也</h3>
					<table>
						<thead>
							<tr>
								<th>序号</th>
								<th>收信人</th>
								<th>主题</th>
								<th>内容</th>
								<th>创建时间</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<!-- <tr>
								<td>1</td>
								<td>a</td>
								<td>d</td>
								<td>d</td>
								<td>2021-06-17 14:45:40</td>
								<td>
									<a onclick="del()">删除</a>
								</td>
							</tr> -->
							<!-- <tr>
								<td colspan="6"><a>清空草稿箱</a></td>
							</tr> -->
						</tbody>
					</table>
				</div>
				<div id="d2_3">
					<h2>通讯录</h2>
					<ol>
						<!-- <li>d<a>删除</a></li>
						<li>c<a>删除</a></li> -->
					</ol>
				</div>
			</div>
		</div>
		
	</body>
	<script src="../../jQuery/jquery-1.12.4.min.js"></script>
	<script src="js/index.js"></script>
</html>
